<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>管理</title>
  <meta name="description" content="mobile first, app, web app, responsive, admin dashboard, flat, flat ui">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">	
	<link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/plugin.css">
  <link rel="stylesheet" href="css/landing.css">
  <!--[if lt IE 9]>
    <script src="js/ie/respond.min.js"></script>
    <script src="js/ie/html5.js"></script>
  <![endif]-->
</head>
<body>
  <!-- header -->
	<header id="header" class="navbar">
    <ul class="nav navbar-nav navbar-avatar pull-right">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">            
          <span class="hidden-sm-only"></span>
          <span class="thumb-small avatar inline"><img src="images/avatar.jpg" alt="" class="img-circle"></span>
          <b class="caret hidden-sm-only"></b>
        </a>
        <ul class="dropdown-menu">
          <li class="icon-gear"><span class="text"><a href="#">设置</a></span></li>
          <li class="divider"></li>
          <li class="icon-signout"><span class="text"><a href="signin.html">注销</a></span></li>
        </ul>
      </li>
    </ul>
    <a class="navbar-brand" href="#">管理</a>
    <button type="button" class="btn btn-link pull-left nav-toggle hidden-lg" data-toggle="class:slide-nav slide-nav-left" data-target="body">
      <i class="icon-reorder icon-xlarge text-default"></i>
    </button>
    <ul class="nav navbar-nav hidden-sm">
      <li><div class="m-t-small"><a class="btn btn-small btn-info" data-toggle="modal" href="#modal"><i class="icon-plus"></i> 提交</a></div></li>
      <li class="dropdown shift" data-toggle="shift:appendTo" data-target=".nav-primary .nav">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog icon-xlarge visible-sm visible-sm-inline"></i>设置<b class="caret hidden-sm-only"></b></a>
        <ul class="dropdown-menu">
          <li>
            <a href="#" data-toggle="class:navbar-fixed" data-target='body'> 
              <span class="text-active">自动</span>
              <span class="text">固定</span>
            </a>
          </li>
          <li class="visible-lg">
            <a href="#" data-toggle="class:nav-vertical" data-target="#nav"> 
              <span class="text-active">垂直</span>
              <span class="text">水平</span>
            </a>
          </li>
          <li class="divider hidden-sm"></li>
          <li class="dropdown-header">颜色</li>
          <li>
            <a href="#" data-toggle="class:bg bg-black" data-target='.navbar'>上： 
              <span class="text-active">白色</span>
              <span class="text">黑色</span>
            </a>
          </li>
          <li>
            <a href="#" data-toggle="class:bg-light" data-target='#nav'>左： 
              <span class="text-active">暗</span>
              <span class="text">亮</span>
            </a>
          </li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form pull-left shift" action="" data-toggle="shift:appendTo" data-target=".nav-primary">
      <i class="icon-search text-muted"></i>
      <input type="text" class="input-small form-control" placeholder="Search">
    </form>
	</header>
  <!-- / header -->
  <!-- nav -->
  <nav id="nav" class="nav-primary visible-lg nav-vertical">
    <ul class="nav" data-spy="affix" data-offset-top="50">
      <li class="active"><a href="index.html"><i class="icon-group icon-xlarge"></i>部门</a></li>
      <li class="dropdown-submenu">
        <a href=".html"><i class="icon-male icon-xlarge"></i>员工</a>
      </li>
      <li><a href=".html"><i class="icon-edit icon-xlarge"></i>加班信息</a></li>
      <li class="dropdown-submenu">
        <a href="#"><i class="icon-link icon-xlarge"></i>其他</a>
        <ul class="dropdown-menu">
          <li><a href="signin.html">登录</a></li>
          <li><a href="signup.html">注册</a></li>
          <li><a href="404.html">关于我们</a></li>
        </ul>
      </li>
    </ul>
  </nav>

  <!-- / nav -->
  <section id="content">
    <section class="main padder">
      <div class="clearfix">
        <h4><i class="icon-edit"></i>加班信息</h4>
      </div>
      <div class="row">
        <div class="col-lg-6">
          <div class="panel">
            <div class="clearfix">
              <div class="col-lg-6">
                <!-- checkbox -->
              <div class="col-lg-12">
                
               
                <p>天数</p>
                <div id="MySpinner" class="spinner input-group m-b">
                  <input type="text" class="input-small spinner-input form-control" name="spinner" maxlength="3">
                  <div class="btn-group btn-group-vertical input-group-btn">
                    <button type="button" class="btn btn-white spinner-up">
                      <i class="icon-chevron-up"></i>
                    </button>
                    <button type="button" class="btn btn-white spinner-down">
                      <i class="icon-chevron-down"></i>
                    </button>
                  </div>
                </div>
                <p>Datepicker</p>
                <div class="m-b row">
                  <div class="col-lg-6">
                    <input class="input-small form-control datepicker" size="16" type="text" value="12-02-2013" data-date-format="dd-mm-yyyy" >
                  </div>
                </div>
               
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </section>
  <!-- footer -->
  <footer id="footer">
    <div class="text-center padder clearfix">
      <p>
        <small>&copy; first 2013, Mobile first web app framework base on Bootstrap</small><br><br>
        <a href="#" class="btn btn-mini btn-circle btn-twitter"><i class="icon-twitter"></i></a>
        <a href="#" class="btn btn-mini btn-circle btn-facebook"><i class="icon-facebook"></i></a>
        <a href="#" class="btn btn-mini btn-circle btn-gplus"><i class="icon-google-plus"></i></a>
      </p>
    </div>
  </footer>
  <!-- / footer -->
	<script src="js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.js"></script>
  <!-- app -->
  <script src="js/app.js"></script>
  <script src="js/app.plugin.js"></script>
  <script src="js/app.data.js"></script>
  <!-- fuelux -->
  <script src="js/fuelux/fuelux.js"></script>
  <!-- datepicker -->
  <script src="js/datepicker/bootstrap-datepicker.js"></script>
  <!-- slider -->
  <script src="js/slider/bootstrap-slider.js"></script>
  <!-- file input -->  
  <script src="js/file-input/bootstrap.file-input.js"></script>
  <!-- combodate -->
  <script src="js/combodate/moment.min.js"></script>
  <script src="js/combodate/combodate.js"></script>
  <!-- parsley -->
  <script src="js/parsley/parsley.min.js"></script>
</body>
</html>